.start-menu-config-dialog {
    width: 100%;
    height: 300px;
    display: flex;

    &-header {
        box-sizing: border-box;
        height: 30px;
        border-bottom: 1px solid var(--el-border-color);
        display: flex;
        justify-content: space-between;
        align-items: center;
        padding-left: 10px;
        padding-right: 10px;
        font-weight: bold;
        background-color: var(--el-bg-color-page);
        border-top-left-radius: var(--el-border-radius-base);
        border-top-right-radius: var(--el-border-radius-base);
    }

    &-body {
        box-sizing: border-box;
        height: calc(100% - 30px);
        overflow-y: auto;

        &-item {
            box-sizing: border-box;
            width: 100%;
            height: 35px;
            padding-left: 10px;
            padding-right: 10px;
            display: flex;
            justify-content: space-between;
            align-items: center;
            border-bottom: 1px solid var(--el-border-color);

            &:last-child {
                border-bottom: 0;
            }

            &:first-child {
                border-bottom: 1px solid var(--el-border-color);
            }

            &-flex {
                box-sizing: border-box;
                width: calc(100% - 2rem);
                display: flex;
            }

            &-icon {
                display: flex;
                justify-content: center;
                align-items: center;

                :deep(.svg-icon) {
                    font-size: 1.2rem;
                    font-weight: bold;
                }
            }

            &-label {
                width: 230px;
                box-sizing: border-box;
                margin-left: 5px;
                overflow: hidden;
                text-overflow: ellipsis;
                white-space: nowrap;
            }

            &-btns {
                width: 2rem;
                display: flex;
                align-items: center;
                justify-content: flex-end;
            }
        }
    }

    &-left {
        width: calc(50% - 10px);
        height: 100%;
        margin-right: 10px;
        box-sizing: border-box;
        border: 1px solid var(--el-border-color);
        border-radius: var(--el-border-radius-base);
    }

    &-right {
        width: calc(50% - 10px);
        margin-left: 10px;
        height: 100%;
        box-sizing: border-box;
        border: 1px solid var(--el-border-color);
        border-radius: var(--el-border-radius-base);
    }
}